<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        //es5实现
        function Phone(brand, price) {
            this.brand = brand
            this.price = price
        }
        //添加方法  通过原型对象添加方法，可以重用
        Phone.prototype.call = function() {
                console.log('我可以打电话！！');
            }
            //实例化对象
        let HUAwei = new Phone('华为', 5999)
        HUAwei.call()
        console.log(HUAwei);

        //es6实现
        class Phone1 {
            //构造方法  名字不能修改
            constructor(brand, price) {
                    this.brand = brand;
                    this.price = price;

                }
                //方法必须使用该语法，不能使用es5的对象完整形式
            call() {
                console.log("我可以发短信！");
            }
        }
        let xiaomi = new Phone1('xiaomi', 3000);
        xiaomi.call();
        console.log(xiaomi);
    </script>
</body>

</html>